$(() => {

    getInfo();
    // 1、获取个人信息
    function getInfo() {
        $.get('/admin/user/info', (res) => {
            $('.user_info img').prop('src', res.data.userPic);
            $('.user_info span').text('欢迎 ' + res.data.nickname);
            $('.user_center_link img').prop('src', res.data.userPic);
        });
    };

    // 2、退出首页
    $('.logout').on('click', () => {
        layer.confirm('您是否要退出?', {
            title: '提示'
        }, function (index) {
            // 页面跳转到登录页面
            location.href = 'login.html';
            // 删除本地存储的信息
            localStorage.removeItem('token');
            // 删除会话存储的信息
            sessionStorage.removeItem('token');
            // 关闭弹窗
            layer.close(index);
        });
    });

    // 3、点击左侧菜单，激活选中
    // 3.1、点击左侧 一级菜单
    // 3.1.1、激活选中 变蓝色 排他
    // 3.1.2、被点击菜单中的二级菜单，做一个展开
    // 3.1.3、一级菜单的右侧 箭头 要旋转方向
    let flag = true;
    // 获取所有的 level01元素
    const level01 = document.querySelectorAll('.level01');
    // 事件委托，将点击 level01的事件委托给 menu
    $('.menu').on('click', '.level01', function () {
        // 将所有的 level01含有的 active类名，全部移除
        level01.forEach(item => {
            item.classList.remove('active');
        });
        // 给当前的 level01添加 active类名
        this.classList.add('active');
        // 显示 ul里面的内容
        // 方法 一：
        /* if (this.classList.contains('l2')) {
            if (flag) {
                flag = false;
                $('.level02').stop().slideDown();
                $(this).find('b').addClass('rotate0');
            } else {
                flag = true;
                $('.level02').stop().slideUp();
                $(this).find('b').removeClass('rotate0');
            }
        } else {
            flag = true;
            $('.level02').stop().slideUp();
            $(this).find('b').addClass('rotate0');
        } */
        // 方法 二：
        // $(this).addClass('active').siblings().removeClass('active');
        if ($(this).hasClass('l2')) {
            $(this).next('.level02').stop().slideToggle();
        } else {
            $('.level02').stop().slideUp();
        }
    });
    // 3.2 点击二级标题 激活选中
  $(".level02 li").click(function () {
    $(this).addClass("active").siblings().removeClass("active");
  })

})